<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title></title>
		<link rel="stylesheet" href="../../css/base/base.css" />
		<link rel="stylesheet" href="../../css/order/create.css" />
		<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="../../js/config.js"></script>
		<script type="text/javascript" src="../../js/order/create.js"></script>
		<script type="text/javascript" src="../../js/ChinaCity.js" ></script>
		<script type="text/javascript" src="../../js/Util.js" ></script>
	</head>

	<body>
		<!--
        	作者：372753123@qq.com
        	时间：2018-03-22
        	描述：订单物品栏
        -->
		<div class="col-12 goods-box">
			<div class="box-title">
				<span>商品</span>
			</div>
			<div class="goods-box-each">
				<div class="item-box">
					<div class="col-2 text-center">茶叶</div>
					<div class="col-4">
						<select onchange="listenerTeaWeightChange(this)">
						</select>
					</div>
					<div class="col-3">
						<input type="number" placeholder="重量" oninput="listenerTeaWeightChange(this)"/>斤
					</div>
					<div class="col-3">
						<input type="number" placeholder="金额"/>元
					</div>
				</div>
				<div class="item-box">
					<div class="col-2 text-center">包装</div>
					<div class="col-4">
						<select onchange="listenerWrapWeightChange(this)">
						</select>
					</div>
					<div class="col-3">
						<input type="number" placeholder="数量" oninput="listenerWrapWeightChange(this)"/>套
					</div>
					<div class="col-3">
						<input type="number" placeholder="金额" />元
					</div>
				</div>
			</div>

		</div>
		<!--
        	作者：372753123@qq.com
        	时间：2018-03-22
        	描述：增加订单物品按钮
        -->
		<div class="col-12 add-good-button" onclick="addGoodItem()">增加物品</div>
		<!--
        	作者：372753123@qq.com
        	时间：2018-03-23
        	描述：快递信息
        -->
		<div class="col-12 express-box">
			<div class="box-title">
				<span>快递</span>
			</div>
			<div>
				<div class="col-6 express-box-item">
					<span>快递 </span>
					<select id="expressType" onchange="changeExpressMoney()">
						<option value="1">顺丰速运</option>
						<option value="2">圆通速递</option>
					</select>
				</div>
				<div class="col-6 express-box-item">
					<span>运费 </span><span id="expressMoney">0</span> 元
				</div>
			</div>
		</div>
		<!--
        	作者：372753123@qq.com
        	时间：2018-03-22
        	描述：收货人地址
        -->
		<div class="col-12 recipient-box">
			<div class="box-title">
				<span>收货人</span>
			</div>
			<div>
				<div class="col-12 recipient-box-item">
					<div class="recipient-info-box-shot col-6">
						<span>名字 </span><input type="text" placeholder="收货人姓名" id="recipientName"/>
					</div>
					<div class="recipient-info-box-shot col-6">
						<span>手机号 </span><input type="text" placeholder="收货手机号码" id="recipientPhone"/>
					</div>
				</div>
				<div class="col-12 recipient-box-item">
					<div class="col-3">
						<span>所在地区</span>
					</div>
					<div class="col-7">
						<select id="recipientProvice" onchange="initRecipientCity()"></select>
					</div>
					<div class="col-2">省/市</div>
				</div>
				<div class="col-12 recipient-box-item">
					<div class="col-3"><p></p></div>
					<div class="col-7">
						<select id="recipientCity" onchange="initRecipientArea()"></select>
					</div>
					<div class="col-2">市/区</div>
				</div>
				<div class="col-12 recipient-box-item">
					<div class="col-3"><p></p></div>
					<div class="col-7">
						<select id="recipientArea"></select>
					</div>
					<div class="col-2">县</div>
				</div>
				<div class="col-12 recipient-box-item">
					<span class="col-1">地址</span>
					<input type="text" placeholder="备注信息" class="col-10 recipient-box-item-input" id="recipientAddress"/>
				</div>
				<div class="col-12 recipient-box-item">
					<span class="col-1">备注</span>
					<input type="text" placeholder="备注信息" class="col-10 recipient-box-item-input" id="recipientRemak"/>
				</div>
			</div>

		</div>
		<!--
        	作者：372753123@qq.com
        	时间：2018-03-22
        	描述：代理渠道信息
        -->
		<div class="col-12 agent-box">
			<div class="box-title">
				<span>代理</span>
			</div>
			<div>
				<div class="col-6 agent-box-item">
					<span>姓名 </span><input type="text" placeholder="代理姓名" id="agentName"/>
				</div>
				<div class="col-6 agent-box-item">
					<span>电话 </span><input type="text" placeholder="手机号" id="agentPhone"/>
				</div>
			</div>

		</div>
		<!--
        	作者：372753123@qq.com
        	时间：2018-03-22
        	描述：发货人信息。发货人应该不需要变更
        -->
		<!--<div class="col-12 recipient-box" style="height:110px">
			<div class="box-title">
				<span>发货人</span>
			</div>
			<div>
				<div class="col-12 recipient-box-item">
					<div class="recipient-info-box-shot col-6">
						<span>名字 </span><input type="text" value="闵静" id="postName"/>
					</div>
					<div class="recipient-info-box-shot col-6">
						<span>手机号 </span><input type="text" value="13684455736" id="postPhone"/>
					</div>
				</div>
				<div class="col-12 recipient-box-item">
					<div class="col-3">
						<span>发货地址</span>
					</div>
					<div class="col-9">
						<select id="postAddress">
							<option>四川省雅安市名山区xxxx</option>
						</select>
					</div>

				</div>
			</div>
		</div>-->
		<!--
        	作者：372753123@qq.com
        	时间：2018-03-22
        	描述：空元素
        -->
		<div class="col-12 blank-div"><p></p></div>
		<!--
        	作者：372753123@qq.com
        	时间：2018-03-22
        	描述：提交按钮
        -->
        <div class="sumbit-box backcolor-light-yellow">
        	<div class="sumbit-money-box">
        		总金额 <span id="totalMaoney">0</span> 元
        	</div>
        	<div class="sumbit-button-box backcolor-blue" onclick="createOrder()">创建订单</div>
        </div>
	</body>

</html>